import { Table, List } from 'antd';
import React, { useEffect, useState } from 'react';


const LogsInfo = props => {

    const data = [
        {
            title: 'Ant Design Title 1',
        },
        {
            title: 'Ant Design Title 2',
        },
        {
            title: 'Ant Design Title 3',
        },
        {
            title: 'Ant Design Title 4',
        },
    ];

    return (
        <div style={{backgroundColor: '#ffffff'}}>
            <List
                itemLayout="horizontal"
                dataSource={data}
                size="small"
                renderItem={item => (
                    <List.Item>
                        <List.Item.Meta
                            // title={<a href="https://ant.design">{item.title}</a>}
                            // description="Ant Design, a design language for background applications, is refined by Ant UED Team"
                            title={<a href="https://ant.design">{"xxx 操作"}</a>}
                            description="2020-02-19 09:23:43 更新了xxx"
                        />
                    </List.Item>
                )}
            />
        </div>
        
    );
}

export default LogsInfo;